.hovers:hover {
  opacity: 0.8;
}

/* 移动端样式 */
.mobile {
  width: 100vw;
  height: 100vh;
  overflow: auto;
  min-width: auto !important;
}
.mobile::-webkit-scrollbar {
  display: none;
}

/* 虚线 */
.dashed-line {
  width: 100%;
  height: 1px;
  border: 1px dashed rgb(228, 231, 237);
}

/* 文字按钮样式 */
.text-button {
  font-size: 14px;
  cursor: pointer;
  transition: 0.1s;
}
.text-button:hover {
  opacity: 0.8;
}
.text-button:active {
  filter: brightness(70%);
}

/* 编辑器 智能提示样式 */
.CodeMirror-hints {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: bold;
}
.CodeMirror-hint {
  padding: 4px !important;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-6 {
  opacity: 0.6;
}

.btn-base:hover {
  background-color: #3da6f8;
  opacity: 0.9;
}

.blur {
  filter: blur(0.4px);
}

.user-none {
  user-select: none;
}

/* 版心 */
.contain {
  width: 1200px;
  margin: 0 auto;
}

.pre-wrap {
  font-family: monospace;
  white-space: pre-wrap;
}

.nowrap {
  white-space: nowrap;
}

/* 3. 文字溢出的时候用省略号来显示 */
.ellipsis {
  text-overflow: ellipsis;
}

.v-hidden {
  visibility: hidden;
}

.v-visible {
  visibility: visible;
}

.w-100 {
  width: 100%;
}

.w-95 {
  width: 95%;
}

.w-90 {
  width: 90%;
}

.w-80 {
  width: 80%;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-30 {
  width: 30%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}

.h-100 {
  height: 100%;
}

.h-90 {
  height: 90%;
}

.h-91 {
  height: 91%;
}

.h-92 {
  height: 92%;
}

.h-60 {
  height: 60%;
}

.h-50 {
  height: 50%;
}

.h-46 {
  height: 40%;
}

.h-40 {
  height: 40%;
}

.h-12 {
  height: 12%;
}

.h-10 {
  height: 10%;
}

.h-8 {
  height: 8%;
}

.not-allowed {
  cursor: not-allowed;
}

.hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-y-hidden {
  overflow: hidden;
}

.dashed {
  border: 1px dashed #a4a2a2;
}

.b-1-white {
  border: 1px solid white;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-bottom {
  text-align: end;
}

.black {
  color: #000000;
}

.white {
  color: #ffffff;
}

.c-bfbfbf {
  color: #bfbfbf;
}

.c-FF6767 {
  color: #ff6767;
}

.c-67C23A {
  color: #67c23a;
}

.c-00AB42 {
  color: #00ab42;
}

.c-F99700 {
  color: #f99700;
}

.c-FFAE30 {
  color: #ffae30;
}

.c-09B6FE {
  color: #09b6fe;
}

.c-4279F9 {
  color: #4279f9;
}

.c-409eff {
  color: #409eff;
}

.c-8C8C8C {
  color: #8c8c8c;
}

.c-989999 {
  color: #989999;
}

.c-F0F1F4 {
  color: #f0f1f4;
}

.c-888787 {
  color: #888787;
}

.c-primary,
.c-289cf8 {
  color: #289cf8;
}

.c-262626 {
  color: #262626;
}

.c-303133 {
  color: #303133;
}

.c-909399 {
  color: #909399;
}

.c-D8D8D8 {
  color: #d8d8d8;
}

.c-595959 {
  color: #595959;
}

.c-2c3e50 {
  color: #2c3e50;
}

.c-2E4C7C {
  color: #2e4c7c;
}

.c-0F2558 {
  color: #0f2558;
}

.c-D9DCE2 {
  color: #d9dce2;
}

.c-5F3A72 {
  color: #5f3a72;
}

.b-c-FFAE30 {
  background-color: #ffae30;
}

.b-c-f5f7fa {
  background-color: #f5f7fa;
}

.b-c-white {
  background-color: #ffffff;
}

.b-c-black{
  background-color: #000000;
}

.b-c-289cf8 {
  background-color: #289cf8;
}

.b-c-4279F9 {
  background-color: #4279f9;
}

.b-c-E8F6E2 {
  background-color: #e8f6e2;
}

.b-c-67c23a {
  background-color: #67c23a;
}

.b-c-FF6767 {
  background-color: #ff6767;
}

.b-c-dff0fe {
  background-color: #dff0fe;
}

.b-c-FFF3E0 {
  background-color: #fff3e0;
}

.b-c-f4f5f7 {
  background-color: #f4f5f7;
}

.b-c-F0F1F4 {
  background-color: #f0f1f4;
}

.b-c-909399 {
  background-color: #909399;
}

.b-c-f0f9ff {
  background-color: #f0f9ff;
}

.b-c-e9f5fe {
  background-color: #e9f5fe;
}

.b-c-bfbfbf {
  background-color: #bfbfbf;
}

.user-img-hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.font-b {
  font-weight: bold;
}

.b-500 {
  font-weight: 500;
}

.b-600 {
  font-weight: 600;
}

.myAkrobt {
  font-family: myAkrobt;
}

.flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.center {
  align-items: center;
  justify-content: center;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-wrap {
  flex-wrap: wrap;
}

.column {
  flex-direction: column;
}

.row {
  flex-direction: row;
}

.justify-center {
  justify-content: center;
}

.start {
  justify-content: flex-start;
}

.space-end {
  justify-content: flex-end;
}

.space-around {
  justify-content: space-around;
}

.space-between {
  justify-content: space-between;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.z-11 {
  z-index: 11;
}

.f-s-12 {
  font-size: 12px;
}

.f-s-14 {
  font-size: 14px;
}

.f-s-16 {
  font-size: 16px;
}

.f-s-17 {
  font-size: 17px;
}

.f-s-18 {
  font-size: 18px;
}

.f-s-20 {
  font-size: 20px;
}

.f-s-22 {
  font-size: 22px;
}

.f-s-24 {
  font-size: 24px;
}

.f-s-28 {
  font-size: 28px;
}

.f-s-30 {
  font-size: 30px;
}

.f-s-32 {
  font-size: 32px;
}

.f-s-34 {
  font-size: 34px;
}

.f-s-36 {
  font-size: 36px;
}

.f-s-40 {
  font-size: 40px;
}

.f-s-48 {
  font-size: 48px;
}
.m-a {
  margin: 0 auto;
}

.m-lr-2 {
  margin: 0 2px;
}

.m-lr-8 {
  margin: 0 8px;
}

.m-lr-12 {
  margin: 0 12px;
}

.m-lr-16 {
  margin: 0 16px;
}

.m-lr-24 {
  margin: 0 24px;
}

.m-lr-32 {
  margin: 0 32px;
}

.p-lr-40 {
  padding: 0 40px;
}

.m-lr-64 {
  margin: 0 64px;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-t-6 {
  margin-top: 6px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-t-14 {
  margin-top: 14px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-28 {
  margin-top: 28px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-t-36 {
  margin-top: 36px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-44 {
  margin-top: 44px;
}

.m-t-48 {
  margin-top: 48px;
}

.m-t-56 {
  margin-top: 56px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-64 {
  margin-top: 64px;
}

.m-t-72 {
  margin-top: 72px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-t-102 {
  margin-top: 102px;
}

.m-t-124 {
  margin-top: 124px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-l-48 {
  margin-left: 48px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-56 {
  margin-left: 56px;
}

.m-l-64 {
  margin-left: 64px;
}

.m-l-72 {
  margin-left: 70px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-l-84 {
  margin-left: 84px;
}

.m-l-108 {
  margin-left: 108px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-r-28 {
  margin-right: 28px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-r-36 {
  margin-right: 36px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-44 {
  margin-right: 44px;
}

.m-r-48 {
  margin-right: 48px;
}

.m-r-64 {
  margin-right: 64px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-b-48 {
  margin-bottom: 48px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.p-6 {
  padding: 6px;
}


.p-lr-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.p-lr-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-t-36 {
  padding-top: 36px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-t-56 {
  padding-top: 56px;
}

.p-t-64 {
  padding-top: 64px;
}

.p-t-102 {
  padding-top: 102px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-l-32 {
  padding-left: 32px;
}

.p-l-44 {
  padding-left: 44px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-64 {
  padding-right: 64px;
}

.p-r-72 {
  padding-right: 72px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.padding-10 {
  padding: 14px;
}

.l-h-36 {
  line-height: 36px;
}

.l-h-72 {
  line-height: 72px;
}
